<template>
    <div class="check-btn" :class="{'check': isActive}">
        <img src="~assets/img/cart/tick.svg" alt="选中">
    </div>
</template>

<script>
    export default {
        name: "CheckBtn",
        props: {
            isActive: {
                type: Boolean,
                default: false
            }
        }
    }
</script>

<style scoped>
    .check-btn {
        border-radius: 50%;
        border: 1px solid #aaa;
    }
    .check {
        border-color: red;
        background-color: red;
    }
</style>